<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>

<link rel="stylesheet" href="css/site.min.css" />
<script src="js/site.min.js"></script>
</head>
<body>
	<div class="docs-header">
		<!--nav-->
		<nav class="navbar navbar-default navbar-custom" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"><img
						src="img/logo.png" height="40"></a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a class="nav-link" href="#">Getting Started</a></li>
						<li><a class="nav-link current" href="#">Documentation</a></li>
						<li><a class="nav-link" href="#">Free PSD</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!--header-->
		<div class="topic">
			<div class="container">
				<h3>Documentation</h3>
				<h4>The complete style of the Bootflat Framework</h4>
			</div>
			<div class="topic__infos">
				<div class="container">Bootflat offers over a dozen reusable
					components, which can be combined with each other.</div>
			</div>
		</div>
	</div>

	<div class="container documents">
		<div class="example">
			<h2 class="example-title">Thumbnails</h2>
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-1.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-2.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-3.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-4.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-1.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-2.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-3.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-4.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-1.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-2.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-3.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-4.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-1.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-2.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-3.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-4.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-1.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-2.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-3.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img class="img-rounded" src="img/thumbnail-4.jpg">
						<div class="caption text-center">
							<h3>Thumbnail label</h3>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id ...</p>
							<p>
								<a href="#" class="btn btn-warning" role="button">Button</a> <a
									href="#" class="btn btn-default" role="button">Button</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>